@charset 'UTF-8';
@import url("font-awesome.min.css");

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		background-color: #E2E2E2;
	}

	body.is-loading * {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	body,input,textarea,select {
		font: 10px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  		color: #626262;
  		font-weight: 400;
	}

	a {
		color: #c13030;
	}
	
	a:hover {
    	text-decoration: underline;
		color: #c13030;
		cursor: pointer;
	}

	strong, b 	{
		font-weight: 700;
		color: #404040;
	}

	h2,h3,h4,h5,h6 	{
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		color: #404040;
	}

	h2 a, h4 a, h5 a, h6 a 	{
		text-decoration: none;
		color: inherit;
	}
	
	blockquote {
		border-left: solid 5px #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	em, i {
		font-style: italic;
	}
	
	hr {
		border: 0;
		border-top: solid 1px #A7A7A7;
		padding: 1.5em 0 0 0;
		margin: 1.75em 0 0 0;
	}
	
	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear {
		clear: both;
	}
	
	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}
	
	/* Table */
	
	table {
		width: 100%;
		/*border: 1px solid #d5d5d5;*/
		/*background: #fff;*/

		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		border-bottom-left-radius:5px;
	
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;
	
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
		border-top-right-radius:5px;
	
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
		border-top-left-radius:5px;

	}
		
	table.default {}
		
	table.default tbody tr:nth-child(2n+2) {
		background: #fff;
	}
			
	table.default td {
		padding: 0.5em 1em 0.5em 1em;
	}
	
	table.default th {
		text-align: left;
		font-weight: 700;
		padding: 0.75em 1em 0.75em 1em;
	}
		
	table.default thead	{
		border-bottom: solid 1px #ddd;
	}
			
	table.default tfoot	{
		border-top: solid 1px #ddd;
		background: #eee;
	}
			
	table.default tbody {  }
		
	/* Section/Article */
	
	header {
		margin: 0 0 0 0;
	}

	header > p {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 300;
		display: block;
		margin-top: 1em;
		color: #999;
	}

	section, article {
		margin-bottom: 1em;
	}
		
	/*section > :last-child,*/
	article > :last-child {
		margin-bottom: 0;	
		margin-left: 60px;
	}

	section > .inner > :last-child,
	article > .inner > :last-child {
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child {
		margin-bottom: 20;
	}

	/* Image */

	.image {
		display: inline-block;
	}
		
	.image img {
		display: block;
		width: 100%;
	}

	.image.fit {
		display: block;
		width: 100%;
	}
			
	.image.featured {
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
			
	.image.left {
		float: left;
		margin: 0 2em 2em 0;
	}
			
	.image.centered {
		display: block;
		margin: 0 0 2em 0;
	}

	.image.centered img {
		margin: 0 auto;
		width: auto;
	}
	
	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		cursor: pointer;
		background-color: #d6d6d6;			
		border-radius: 0.4em;
		text-align: center;		
		color: #000;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-decoration: none;		
	}

	input[type="button"]:disabled,
	input[type="submit"]:disabled,
	input[type="reset"]:disabled,
	input[type="button"].disabled,
	input[type="submit"].disabled,
	input[type="reset"].disabled,
	.button.disabled {
		opacity: 0.35;
		cursor: default;
	}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #c13030;
				color: #fff;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #c13030;
				color: #fff;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #c13030;
				color: #fff;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #c13030;
					color: #fff;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #c13030;
					color: #fff;
				}
	
	/* List */
	
		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li
			{
				padding-left: 0.5em;
			}
		
		ol.default
		{
			list-style: decimal;
			padding-left: 1.25em;
		}

			ol.default li
			{
				padding-left: 0.25em;
			}

	
/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	#wrapper
	{
		position: relative;
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
		color: #fff;
		color: rgba(255,255,255,0.55);		
	}

		#sidebar form input,
		#sidebar form select,
		#sidebar form textarea
		{
			border: 0;
		}

		#sidebar section,
		#sidebar nav
		{
			position: relative;
		}			
	
		#sidebar strong, #sidebar b
		{
			color: #fff;
		}
	
		#sidebar a
		{
			color: #d4dde0;
		}
		
		#sidebar h2,
		#sidebar h3,
		#sidebar h4,
		#sidebar h5,
		#sidebar h6
		{
			color: #fff;
		}

		#sidebar header
		{
			margin: 0 0 1.25em 0;
		}
	
		#sidebar section,
		#sidebar nav
		{
			margin: 2em 0 0 0;
			font-size: 0.9em;
		}		
		
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
		
	#content
	{
		position: relative;
		background-color: #E2E2E2;
	}
	
		/*#content > .inner
		{
			position: relative;
			z-index: 1;
		}*/

	
/*********************************************************************************/
/* Mobile UI                                                                     */
/*********************************************************************************/

	#titleBar
	{
		background: #c13030;
	}

	#titleBar .title
	{
		display: block;
		color: #fff;
		line-height: 44px;
		font-size: 1em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
		text-align: center;
	}

	#titleBar .toggle
	{
		width: 80px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
	}

		#titleBar .toggle:before
		{
			font-family: FontAwesome;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;

			content: '\f0c9';
			display: block;
			position: absolute;
			left: 7px;
			top: 7px;
			font-size: 14px;
			width: 50px;
			height: 30px;
			line-height: 30px;
			background: #c94663;
			border-radius: 5px;
			color: #fff;
			text-align: center;			
		}

		#titleBar .toggle:active
		{
		}

			#titleBar .toggle:active:before
			{
				background-color: #d95673;
			}

	#sidePanel
	{
		background: #c13030;
	}